<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>饿没了商家 - 设置页面</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/merchant-homepage.css">
    <link rel="stylesheet" href="../css/merchant-settings.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/jQuery3.7.1.js"></script>
</head>

<body>
    <div class="main-container">
        <!-- 头部区域 -->
        <header class="header">
            <a href="./merchant-homepage.html" class="logo-link">
                <h1 class="logo-text">饿没了商家版</h1>
            </a>
            <span class="merchant-store-name">小辉辉牛瘪火锅</span>
        </header>

        <!-- 左侧导航栏 -->
        <nav class="left-nav">
            <ul class="nav-options">
            <li><a href="./merchant-homepage.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-home"></span>&nbsp;首页</a></li>
            <li><a href="./merchant-order.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;订单</a></li>
            <li><a href="./merchant-product.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;商品</a></li>
            <li><a href="./merchant-finance.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-stats"></span>&nbsp;财务</a></li>
            <li><a href="./merchant-activity.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-calendar"></span>&nbsp;活动</a></li>
            <li><a href="./merchant-review.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-comment"></span>&nbsp;评价</a></li>
            <li><a href="./merchant-settings.html" class="nav-option active" target="_self"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a></li>
        </ul>
    </nav>

        <!-- 右侧区域 -->
        <section class="right-content">
            <h2 class="section-title">设置页面</h2>
            <form class="settings-form">
                <div class="form-group">
                    <label for="notification-setting">通知设置</label>
                    <select id="notification-setting" name="notification-setting">
                        <option value="on">开启</option>
                        <option value="off">关闭</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="password-change">修改密码</label>
                    <input type="password" id="password-change" name="password-change" placeholder="新密码">
                    <label for="name-change">修改店名</label>
                    <input type="text" id="name-change" name="name-change" placeholder="新店名">
                </div>
                <div class="form-group">
                    <label for="display-setting">显示设置</label>
                    <select id="display-setting" name="display-setting">
                        <option value="light">亮色模式</option>
                        <option value="dark">暗色模式</option>
                    </select>
                </div>
                <button type="submit" class="save-btn">保存设置</button>
            </form>
        </section>
    </div>
</body>

</html>